Explore types of gestures and motion 瞭解不同的手勢與動效型別

什麼是手勢（Gestures）

手勢是指使用者透過觸控裝置與螢幕資訊進行互動的方式。包括使用手指或觸控筆進行的各種動作。手勢可以是單指操作，也可以是多指配合。

常見手勢型別

滑動（Swipe）

手指或觸控筆在螢幕上快速滑動，方向可以是水平或垂直。示例：使用者透過從右向左滑動切換頁面，或瀏覽圖片輪播圖（carousel）。

輕觸（Tap）

手指或觸控筆短暫點選螢幕。

• 單指輕觸：選擇或點選某項功能。

• 雙指輕觸：通常用於快捷操作，如調出上下文選單（類似滑鼠右鍵）。

拖動（Drag）

手指按住螢幕不放並移動，用於拖拽元素。示例：拖動通知欄、調整螢幕元素位置等。

捏合（Pinch）

兩指向內或向外移動，模擬縮放動作。示例：縮放地圖、照片或網頁等內容。

作業系統與手勢設計（Gestures & Operating Systems）

不同系統的設計哲學

iOS（蘋果）：基於 Human Interface Guidelines（人機介面指南）

Android（安卓）：基於 Material Design（材料設計）

這兩種作業系統對手勢互動的設計理念不同，導致同一功能在不同裝置上實現方式不同。

舉例說明

撤銷操作（Undo）：iOS：三指從右滑到左。Android：長按選中文字，然後點選刪除鍵

設計建議

在設計過程中需考慮作業系統差異。建議在多個裝置上進行手勢測試，確保設計的通用性與可用性

什麼是動效（Motion）

動效是指透過動畫將靜態設計元素賦予動作，幫助吸引注意力、提升互動引導性和使用者體驗。

動效的常見場景

• 強調重要資訊或按鈕（如提示某個動作可執行）

• 展示頁面過渡過程（如選單展開/摺疊）

• 增強介面趣味性和流暢感

例項比較（iOS 與 Android）

iOS：長按應用圖示，會進入“抖動模式（jiggle mode）”，圖示輕微晃動並出現“刪除”按鈕

Android：長按圖示，彈出操作選單，同時圖示輕輕彈跳，提示當前操作的物件